<template>
	<div class="test">
		<div class="left">
			<!-- <img src="../assets/logo.png"> -->
			<TestLeft></TestLeft>
		</div>
		<div class="right">
			<div class="top">
				<img src="img/timg.jpg">
			</div>
			<div class="buttom">
				<TestRight></TestRight>
			</div>
		</div>
	</div>
</template>

<script type="text/javascript">
// @ is an alias to /src
// import Platform from '@/components/Platform.vue' 第一版的VUE学习结果
import TestLeft from '../components/TestLeft.vue'
import TestRight from '../components/TestRight.vue'

export default {
	name: 'Test',
	components: {
	  TestLeft,
	  TestRight
	}
}
</script>

<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
.left {
	width: 160px;
	float: left;
	margin-right: 5px;
	background-color: #f5f5f5;
}
.right {
	width: 840px;
	float: left;
	margin-right: 5px;
}
.test {
	width: 1020px;
	margin: 10px auto;
}
.top img {
	height: 150px;
	width: 800px;
}
.li {
	list-style:none;
}
</style>